<template>
  <div>
    <!--thumbImageStyle:缩略图的样式，previewBoxStyle:缩略图容器的样式-->
    <vue-preview :list="pirList"
                 :thumbImageStyle="{width: '80px', height: '80px', margin: '10px'}"
                 :previewBoxStyle="{border: '1px solid #eee'}"
                 :tapToClose="true"
                 @close="closeHandler"
                 @destroy="destroyHandler" />
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  props: ['pirList'],
  methods: {
    // 即将关闭的时候，调用这个处理函数
    closeHandler () {
      console.log('closeHandler')
    },
    // 完全关闭之后，调用这个函数清理资源
    destroyHandler () {
      console.log('destroyHandler')
    }
  }
}
</script>

<style scoped></style>
